<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>飞起来</title>
</head>
<style>
    .box{
        background-color: blue;
        width: 100px;
        height: 100px;
    }
    .image-background{
        background-image: url('./u=449063356\,1273709679&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto.webp');
        width: 2000px;
        height: 1000px;
    }
    .cover-image{
        background-image:url('./u=1638051308\,4025368517&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto.webp') ;
        background-size: cover;
        background-position: center;
        width: 1000px;
        height: 1000px;
    }
    .header{
        border: 1px solid black;
        width: 600px;
        height: 600px;
        background-image: url('./u=3304441984\,3294586709&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto.webp');
        background-position: right bottom;
        background-repeat: no-repeat;
       
    }
    .pattern{
        background-image: url('./u=4158156282\,65259579&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto.webp');
        background-repeat: repeat-y;
        width: 1000px;
        height: 4000px;
       
    }
    .multi-background {
    background-image: url('./u=3480253397\,1462512975&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto.webp'), url('./u=2005926691\,999878512&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto.webp'); 
    background-position: top left, bottom left; 
    background-repeat: no-repeat, no-repeat;
    width: 500px;
    height: 600px;
    }
    .gradient-box {
    background: linear-gradient(to right, rgb(0, 255, 234), rgb(0, 26, 255));
    width: 400px;
    height: 400px;
}
.cropped-background {
    width: 600px;
    height: 600px;
    background-image: url('./444.webp');
    background-position: center center;
    background-repeat: no-repeat; 
    background-size: contain;
    
}
</style>
<body>
    <div class="box"></div>
    <div class="image-background"></div>
    <div class="cover-image"></div>
    <div class="header"></div>
    <div class="pattern"></div>
    <div class="multi-background"></div>
    <div class="gradient-box"></div>
    <div class=".cropped-background"></div>
</body>
</html>